<script setup lang="ts">
import { XPlugin } from "x.host";
import { XComponentPlugin } from "../XComponentPlugin";

defineProps<{ plugins: XPlugin[] }>()

</script>

<template>
    <template v-for="p in plugins" :key="p.id">
        <component v-if="p instanceof XComponentPlugin" :plugin="p" :is="p.component">
            <XPluginRenderer :plugins="p.plugins"/>
        </component>
    </template>
</template>
